*{
	margin:0;
	padding:0;
}

body{
	font-family:Open Sans;
	font-size:14px;
	background-color: #f9fafc;
	line-height:1.4285714;
}

/*=============================== HEARER ================================== */
.user-info {
    /*max-width: 200px;*/
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 19px;
    position: relative;  
    font-size:16px;
    font-family: Open Sans;
}
.user-info small{
	display: block;
}

.main-body .main-header .container,
.main-body .main-footer .container{
	margin:0px;	
	width:100%;
	height:20px;
}
/*========================== MARGIN - PADDING ========================== */

i{
	margin-right:5px;
}
.mr-t-100{
	margin-top:100px;
}

.w3-padding-6{
	padding-top:6px !important;
	padding-bottom:6px !important;
}
.dropdown-menu>li>a {   
    padding: 5px 10px;
}
.dropdown-menu>li>a:hover{
	background-color: #367fa9;
	color:#fff;
}
/*=========================== FOOTER =================================== */
.layout-top-nav .main-footer {
	position: fixed;
	bottom:0px;
	width:100%;
	marign: 0px auto;
	padding-top:8px;
	padding-bottom: 0px;

}
.login-box{
	width:450px !important;
}
.box-tools button:not(:last-child){
	margin-right:5px ;
}

/*======================= FORM ============================ */
@media (min-width: 768px){
	.form-horizontal .control-label {
	    text-align: left;	   
	}
}
.form-horizontal .box-form{	
	border:1px solid #ddd;
	border-radius:0px;
	border-top:0px;
}
.form-horizontal .box-form .box-footer{
	border-top:0px;
}
.form-horizontal .box-form .form-group,
.form-horizontal .list-group .form-group {
    margin: 0px; 
} 
.form-horizontal .box-form .list-group, 
.form-horizontal .list-group{
	margin-top:-1px;
	margin-bottom:0px;
}
.form-horizontal .box-form .list-group .list-group-item,
.form-horizontal .list-group .list-group-item {
    border-radius: 0px;
	border-left:0px;
	border-right:0px;
}

.input-group-btn label{
	border-radius:0px;
}

.my-preview img{
	width:100%;	
	margin-bottom:0px;
	margin-top:3px;
}



table .form-group,
table .form-group label{
	margin-bottom:0px;
}


td .btnAction:not(:last-child){
	margin-right:5px;
}

table th {
	text-align:center;
}

input.file-input-img {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
}

.image-preview {
	margin:3px 0px;
}

.my-btn-close{
	position: absolute;
	top:-8px;
	right:-12px;
}

.star{
	color:#ff0000;
	font-size:14px;
}

.img-thumb{
	width:100%;
}

.my-alert{
	margin-top: 2px;
    margin-bottom: 5px;
    border-radius: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*========================== MODAL ==================== */
.modal-header{
	padding:10px;
}

.modal-title{
	line-height:1;
	font-size:18px;
}
.btn-table{
	padding: 3px 1px 3px 5px !important;
	margin-right:3px;
}

@media (min-width: 768px){
	.modal-dialog {   
    	margin: 50px auto;
	}
}

.btnDeleleFile{
	position:absolute;
	margin-left:10px;
	font-size:1.5em;
	top:-2px;
	color:red;
}

.btnDeleleFile:hover{
	color: #d73925;
}

/* QLDV */
.img-copyright {
	max-width: 65px;
    height: auto;
    margin-top: -10px;
}


.skin-blue-light .main-header .navbar {
   background:url("../images/bg-header.png") repeat center center;	
   min-height: 35px;	
}

.login-box, .register-box {   
    margin-top: 10px !important;
}

.main-sidebar .sidebar, .left-side {    
    /*padding-top: 100px;  */
}

.skin-blue-light .sidebar-menu > li:hover > a,.skin-blue-light .sidebar-menu > li.active > a {
    color: #fff;
    background: #266cad;
    border-left: 3px solid #191970;
    padding-left: 12px;
}

.my-breadcrumb{
	margin-top: 7px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.banner{
	width:100%;
}

.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 1px 5px;
    vertical-align: middle;
    border-top: 1px solid #ccc;    
}
.table {
	background: #fff;
	border: 1px  solid #c3c3c3;
}
.table>thead>tr{
	border: 1px  solid #c3c3c3;
}
.table>thead>tr>th{
	background: #03b9cc;
	color:#fff;	
	border-width: 1px 0px;
	border-color:  #c3c3c3;
	border-style: solid;
}
.table>thead>tr>th:first-child,{
	border-left-width: 1px;
}
.table>thead>tr>th:last-child{
	border-right-width: 1px;
}
.table>tbody>tr>td:first-child{
	border-left: 1px solid #c3c3c3;
}
.table>tbody>tr>td:last-child{
	border-right: 1px solid #c3c3c3;
}
.table>tbody>tr>td{
	border: 1px solid #c3c3c3;
}
.table-striped>tbody>tr:nth-child(odd) {
    background-color: #fff	;
}
.table-striped>tbody>tr:nth-child(even) {
    background-color:#AAD4FF;	 
}

td > a{
	color:#000;
}

tr:hover>td{
	background:#D2D6DE;	
	cursor:pointer !important;
}

tr > td > a:hover{
	color:#0000ff;
}

.box-body{
	padding-bottom: 0px;
}

.pd-lr-0{	
	padding-left: 0px;
	padding-right: 0px;
}

.div-form{
	overflow-x: auto;  
    height: 330px;
}

.no-mr-bottom{
	margin-bottom: 0px;
}


.has-error .select2-container--default .select2-selection--single,
.has-error .select2-container--default .select2-selection--multiple{
    border: 1px solid #dd4b39 !important;
}

th{
	vertical-align: middle !important;
}

table.dataTable thead th[rowspan="2"]:after{
	top:37px;
}

.img-doanvien{
	padding: 4px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    box-shadow: 0 0 4px 2px #DDDDDD;
    border: 1px solid #ddd;
    border-radius: 4px;
}
    
.fileupload-exists #btn-delete-avatar{display:inline-block;}
.fileupload-new #btn-delete-avatar{display:none;}

.box-tools > a{
	margin-right: 5px;
}

ul.no-border li {
	border: 0px;
}


.div-selectDual div{	
	display: inline-block;
}

.div-selectDual .itemLeft,
.div-selectDual .itemRight{
	width: 45%;
} 
.div-selectDual .itemCenter{
	width: 10%;
	padding-top: 20px;
}
.btn-table:last-child{   
    margin-right: 0px;
}

.sidebar-footer{
	background: #266cad;
	
    clear: both;
    display: block;   
  /*  position: fixed; */    
   	width: 230px;
    z-index: 999;
    padding: 7px 15px;
    transition: width .3s;     
}

.sidebar-footer span{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    color: #fff !important;
}
.sidebar-collapse .sidebar-footer {
	transition: width .3s;
	width: 50px;
}
.sidebar-footer span:before{	
	content: "\f137";
}
.sidebar-collapse .sidebar-footer span:before{
	content: "\f138";
}


.navbar-nav>.user-menu>.dropdown-menu {    
    width: auto;
}
.my-navbar {margin-top:10px;}
.content-header>.toolbar {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;   
    padding: 7px 0px 7px 5px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 2px;
}
.content-header{
	padding: 15px 0px 10px;
	margin: 0px 15px;
	border-bottom: 3px solid #d2d6de;
}
.avatar {
	max-width:50px;
	margin-bottom: 1px;
}

.toolbar .list-group-item{
	border: 0px;
	background: transparent;
	padding: 0px;
}

.content{padding: 5px 15px; overflow-x: auto; max-height: 500px}

.sidebar-menu>li>a {
    padding: 12px 5px 12px 15px !important; 
}

.info-box-content {
    padding: 10px 10px;
    margin-left: 90px;
}

.list-count-tochuc li span.ten{
	padding-left:10px;	
	font-size:14px;
}
li < input[type="radio"] { border: none;}

#tbThongKe > thead > tr > th{
	border-width: 1px 1px;
}
#tbThongKe > tbody > tr > td{
	padding-top: 5px;
	padding-bottom: 5px;
}

.frmSearch  .list-group-item { 
    border: 0px ;
}
.tr-sum{
	background-color: #ccc !important;
}
.content-login{	
	width: 100%;
}

.content-login{
	margin: 7% auto;
}

.content-login form .form-control{
	border-color: #3c8dbc;
}

/*=================== CDVC =====================*/
.my-body .content-wrapper{margin-left:230px;}
.my-body .toolbar{margin-bottom: 5px;}
.icheckbox_square-blue {margin-top: 2px;}
.icon{font-size:1.5em;}
.logo-login{
	max-width: 115px;
	padding-top: 20px;
	margin:0px auto;
}

.login-box .box-footer {
	border-top-color:  #3c8dbc ;
}
.box.box-solid.box-primary {
    border: 4px solid #3c8dbc;
    border-radius: 7px;
}

.file-preview-table {
	background: transparent !important;
	border: 0px !important;
}
.file-preview-table tr{
	background: transparent !important;
}
.file-preview-table tr {
    border-top:0px ;
}
.file-preview-table>tbody>tr>td{
	border: 0px !important;
}

.file-preview-table .remove-file{
	text-align:right;
	padding-right: 0px;
}
.file-preview-table .remove-file .btn{
	padding: 3px 3px 3px 6px;
}
.table.file-preview-table{
	margin-bottom: 0px;
}
.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left: 0px;}
.sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 0px !important;
	z-index: 860;  
}
.list-file {
	margin-bottom: 5px;
}

.label-table{
	margin-top: 2px;
	padding-top: .3em;
}

#confirm-info .modal-footer{
	border-top: 0px;
} 
#tbDoanVien {font-size: 13px}

table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot{background-color:white}
div.DTFC_Blocker{background-color:white}
div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable{margin-bottom:0;z-index:2}
div.DTFC_LeftWrapper table.dataTable.no-footer,
div.DTFC_RightWrapper table.dataTable.no-footer{border-bottom:none}
.DTFC_Cloned thead tr {border:none !important; }

table.table-bordered.dataTable {
    border-collapse: collapse !important; 
}


#tbThongKe_wrapper th,  #tbThongKe_wrapper td { white-space: nowrap; }
#tbThongKe thead tr { height:0px !important; border:none !important; }


#tbTheoDoiBaoCao>tbody>tr{
	background-color: #fff !important;	
}
#tbTheoDoiBaoCao .dinhky{
	/*background-color: #00a65a !important;*/
}
#tbTheoDoiBaoCao .dotxuat{
	/*background-color: #555299 !important;*/
}

#tbTheoDoiBaoCao .chuyende{
	/*background-color: #ff851b !important;*/
}
tr:hover .hoten a{
	font-weight: bold !important; 
	color:#000 !important;		
}

.btn-han{
	padding:3px 5px;
}